<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<!DOCTYPE html >
<html>
<head>
<meta charset=UTF-8">
<title>登录页面</title>
<!--引入bootstrap脚本-->
         <script type="text/javascript" src="static/jquery-1.12.4.js">
         function reload(){
     		document.getElementById("image").src="<%=request.getContextPath() %>/imageServlet?date="+new Date().getTime();
     		$("#checkcode").val("");   // 将验证码清空
     	} 
     	 
     	 function verificationcode(){
     		 var text=$.trim($("#checkcode").val());
     		 $.post("${pageContext.request.contextPath}/verificationServlet",{op:text},function(data){
     			 data=parseInt($.trim(data));
     			 if(data>0){
     				 $("#span").text("验证成功!").css("color","green");
     			 }else{
     				 $("#span").text("验证失败!").css("color","red");
     				 reload();  //验证失败后需要更换验证码
     			 }
     		 });
     		 $("#checkcode").val(""); // 将验证码清空
     	 }
         </script>
		<script type="text/javascript" src="static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
		<!--引入bootsprap样式文件-->
		<link rel="stylesheet" type="text/css" href="css/bigprogrammercss1.css">
		<link rel="stylesheet" type="text/css" href="static/bootstrap-3.3.7-dist/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="static/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css">
		<link rel="stylesheet" type="text/css" href="css/font-awesome-4.7.0/css/font-awesome.min.css" />
		
</head>
<body>
<div id="lx0">
			<div id="lx1">
				<div id="lx1-11"><font color="white" size="6" face="agency fb">勤学网</font></br><font color="white">qinxue&nbsp;&nbsp;.&nbsp;&nbsp;com</font></div>
				<div id="lx1-12" >
					 <ul>
					 	 <li><a href="#">首页</a></li>
					 	 <li>
					 	 	<div class="dropdownlx">
					 	 		<button class="dropbtnlx">课程设置</button>
					 	 		<div class="drop-contentlx">
					 	 		<a href="#">< 平面设计</br></a><a href="#">< 影视设计</br></a>
					 	 		<a href="#">< 机械设计 </br></a><a href="#">< 园林景观设计</br></a>
					 	 		<a href="#">< 影视后期制作</br></a>
					 	 		</div>
					 	 		
					 	 	</div>
					 	 </li>
					 	 <li><a href="#">老师加盟</a></li>
					 	 <li><a href="#">学员感言</a></li>
					 	 <li>name</li>
					 	 <li><a href="#">学习记录</a></li>
					 	
				</ul></div>
			</div>
			<div id="lx2">
				<font id="font2" size="6" >新用户注册</font>
				<hr style="border: 1px solid #B7B9B4" />
				<form class="form-horizontal" action="#" method="post" >
					<font size="4">
						<div class="form-group" style="padding-top: 10px;">
							<label class="col-sm-2 control-label ">邮    箱:</label>
							<div class="col-sm-5">
								<input type="text" class="form-control" id="txtUserName" name="Host_name" placeholder="请输入邮箱" style="height: 40px;">
							</div>
						</div>
						<div class="form-group" style="padding-top: 5px;">
							<label class="col-sm-2 control-label ">用户名:</label>
							<div class="col-sm-5">
								<input type="email" class="form-control" id="txtUseremail" name="Host_email" placeholder="请输入用户名" style="height: 40px;">
							</div>
						</div>
						<div class="form-group" style="padding-top: 5px;">
							<label class="col-sm-2  control-label ">密    码:</label>
							<div class="col-sm-5">
								<input type="password" class="form-control" id="txtUserpwd" name="Host_pwd" placeholder="请输入密码" style="height: 40px;">
							</div>
						</div>
						<div class="form-group" style="padding-top: 5px;">
							<label class="col-sm-2  control-label "> 确认密码:</label>
							<div class="col-sm-5">
								<input type="password" class="form-control" id="txtUserpwd1" name="Host_pwd" placeholder="请确认密码" style="height: 40px;">
							</div>
						</div>
						<div class="form-group" style="padding-top: 5px;">
							<label class="col-sm-2  control-label "> 手机验证:</label>
							<div class="col-sm-2">
								<input type="text" class="form-control" id="phone" name="phone" placeholder="输入验证码" style="height: 40px;">
							<div class="yanzheng">
							 验证码：<input type="text" name="checkcode"  id="checkcode"/>
                      	<img  src="<%=request.getContextPath() %>/imageServlet" alt="验证码" id="image" />
	                     <a href="javascript:reload();"><label>换一张</label></a><br>
	                           <input  type="button" value="提交"  onclick="javascript:verificationcode()">
							</div>
							</div>
						</div>
					</font>
			</form>
		</div>
		
		</div>


</body>
</html>